<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

    
</head>
<body>
        <style>
        .tab {
            overflow: hidden;
            border: 1px solid #ccc;
            background-color: #f1f1f1;
        }

        .tab button {
            background-color: inherit;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 12px 16px;
            transition: 0.3s;
        }

        .tab button:hover {
            background-color: #ddd;
        }

        .tab button.active {
            background-color: #ccc;
        }

        .chart-container {
            display: none;
            padding: 6px 12px;
            border-top: none;
        }
    </style>
    <div class="tab">
            <button class="tablinks" onclick="showChart(event, 'fc62afa3e8e04081b35a4fdf5b9a67ac')">中国</button>
            <button class="tablinks" onclick="showChart(event, '214b74cffd0148f1895b05f403561d63')">美国</button>
            <button class="tablinks" onclick="showChart(event, 'ac0aea29120743f2a489e7763ebb4a96')">日本</button>
            <button class="tablinks" onclick="showChart(event, '68e409ef1ae241959a3f18b8eed5b64d')">印度</button>
            <button class="tablinks" onclick="showChart(event, 'c38bc9e13398452b948da8b4078cb34a')">意大利</button>
    </div>

    <div class="box">
                <div id="fc62afa3e8e04081b35a4fdf5b9a67ac" class="chart-container" style="width:100vw; height:90vh;"></div>
    <script>
        var chart_fc62afa3e8e04081b35a4fdf5b9a67ac = echarts.init(
            document.getElementById('fc62afa3e8e04081b35a4fdf5b9a67ac'), 'dark', {renderer: 'canvas'});
        var option_fc62afa3e8e04081b35a4fdf5b9a67ac = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "series": [
        {
            "type": "line",
            "name": "\u6b7b\u4ea1\u7387",
            "connectNulls": false,
            "yAxisIndex": 1,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": true,
            "clip": true,
            "step": false,
            "data": [
                [
                    "2020-11-12",
                    0.05145712087221337
                ],
                [
                    "2020-11-27",
                    0.051111780786533785
                ],
                [
                    "2020-12-12",
                    0.05025470840643429
                ],
                [
                    "2020-12-27",
                    0.049667737809253425
                ],
                [
                    "2021-01-11",
                    0.049246819390678424
                ],
                [
                    "2021-01-26",
                    0.04813321191622219
                ],
                [
                    "2021-02-10",
                    0.047660388899302505
                ],
                [
                    "2021-02-25",
                    0.04758722358722359
                ],
                [
                    "2021-03-12",
                    0.04745918646987433
                ],
                [
                    "2021-03-27",
                    0.047254835095240415
                ],
                [
                    "2021-04-11",
                    0.047078567756080054
                ],
                [
                    "2021-04-26",
                    0.04692617605286803
                ],
                [
                    "2021-05-11",
                    0.04677000096274189
                ],
                [
                    "2021-05-26",
                    0.04487414691421443
                ],
                [
                    "2021-06-10",
                    0.045079518990191074
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0,
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "line",
            "name": "\u6cbb\u6108\u7387",
            "connectNulls": false,
            "yAxisIndex": 1,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": true,
            "clip": true,
            "step": false,
            "data": [
                [
                    "2020-11-12",
                    0.9420619696329291
                ],
                [
                    "2020-11-27",
                    0.9406440364207762
                ],
                [
                    "2020-12-12",
                    0.9318311526348052
                ],
                [
                    "2020-12-27",
                    0.9343171206023357
                ],
                [
                    "2021-01-11",
                    0.9371065953361332
                ],
                [
                    "2021-01-26",
                    0.924467882839159
                ],
                [
                    "2021-02-10",
                    0.9356372640904472
                ],
                [
                    "2021-02-25",
                    0.9457002457002457
                ],
                [
                    "2021-03-12",
                    0.9479994519046314
                ],
                [
                    "2021-03-27",
                    0.948614020558289
                ],
                [
                    "2021-04-11",
                    0.9482552894269666
                ],
                [
                    "2021-04-26",
                    0.9479531994241713
                ],
                [
                    "2021-05-11",
                    0.9483585250794262
                ],
                [
                    "2021-05-26",
                    0.9064540984809569
                ],
                [
                    "2021-06-10",
                    0.8577055936003879
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0,
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "bar",
            "name": "\u786e\u8bca\u75c5\u4f8b",
            "yAxisIndex": 0,
            "legendHoverLink": true,
            "data": [
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null
            ],
            "showBackground": false,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u6b7b\u4ea1\u7387",
                "\u6cbb\u6108\u7387",
                "\u786e\u8bca\u75c5\u4f8b"
            ],
            "selected": {
                "\u6b7b\u4ea1\u7387": true,
                "\u6cbb\u6108\u7387": true,
                "\u786e\u8bca\u75c5\u4f8b": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "formatter": function (params)                                                         {return Number(params.value[1] *100).toFixed(3)+'%';},
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 45,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "2020-11-12",
                "2020-11-27",
                "2020-12-12",
                "2020-12-27",
                "2021-01-11",
                "2021-01-26",
                "2021-02-10",
                "2021-02-25",
                "2021-03-12",
                "2021-03-27",
                "2021-04-11",
                "2021-04-26",
                "2021-05-11",
                "2021-05-26",
                "2021-06-10"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        },
        {
            "type": "value",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "margin": 8,
                "formatter": function (value)                                                         {return Number(value *100)+'%';}
            },
            "inverse": false,
            "position": "right",
            "offset": 0,
            "splitNumber": 5,
            "min": 0,
            "max": 1,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "\u3010\u4e2d\u56fd\u3011\u786e\u8bca/\u6cbb\u6108\u7387/\u6b7b\u4ea1\u7387 \u8d8b\u52bf",
            "subtext": "\u66f4\u65b0\u65e5\u671f\uff1a2021-06-11",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_fc62afa3e8e04081b35a4fdf5b9a67ac.setOption(option_fc62afa3e8e04081b35a4fdf5b9a67ac);
    </script>
                <div id="214b74cffd0148f1895b05f403561d63" class="chart-container" style="width:100vw; height:90vh;"></div>
    <script>
        var chart_214b74cffd0148f1895b05f403561d63 = echarts.init(
            document.getElementById('214b74cffd0148f1895b05f403561d63'), 'dark', {renderer: 'canvas'});
        var option_214b74cffd0148f1895b05f403561d63 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "series": [
        {
            "type": "line",
            "name": "\u6b7b\u4ea1\u7387",
            "connectNulls": false,
            "yAxisIndex": 1,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": true,
            "clip": true,
            "step": false,
            "data": [
                [
                    "2020-11-12",
                    0.023064394062937022
                ],
                [
                    "2020-11-27",
                    0.020446712179515585
                ],
                [
                    "2020-12-12",
                    0.018621702037232162
                ],
                [
                    "2020-12-27",
                    0.017482664810444786
                ],
                [
                    "2021-01-11",
                    0.016704308320060098
                ],
                [
                    "2021-01-26",
                    0.016647227363476284
                ],
                [
                    "2021-02-10",
                    0.017217832352783697
                ],
                [
                    "2021-02-25",
                    0.017853460034920717
                ],
                [
                    "2021-03-12",
                    0.018125329784806417
                ],
                [
                    "2021-03-27",
                    0.01817246696969308
                ],
                [
                    "2021-04-11",
                    0.018033902901539903
                ],
                [
                    "2021-04-26",
                    0.01783815691499021
                ],
                [
                    "2021-05-11",
                    0.0177789757432155
                ],
                [
                    "2021-05-26",
                    0.017817473872051695
                ],
                [
                    "2021-06-10",
                    0.01791879922112553
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0,
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "line",
            "name": "\u6cbb\u6108\u7387",
            "connectNulls": false,
            "yAxisIndex": 1,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": true,
            "clip": true,
            "step": false,
            "data": [
                [
                    "2020-11-12",
                    0.38008834297071664
                ],
                [
                    "2020-11-27",
                    0.37804345867332995
                ],
                [
                    "2020-12-12",
                    0.3874535876776488
                ],
                [
                    "2020-12-27",
                    0.43825669290111
                ],
                [
                    "2021-01-11",
                    0.440741226488544
                ],
                [
                    "2021-01-26",
                    0.44139190417916424
                ],
                [
                    "2021-02-10",
                    0.648669660682166
                ],
                [
                    "2021-02-25",
                    0.6825310800450647
                ],
                [
                    "2021-03-12",
                    0.7099109636936486
                ],
                [
                    "2021-03-27",
                    0.7717159785012185
                ],
                [
                    "2021-04-11",
                    0.7840262744389169
                ],
                [
                    "2021-04-26",
                    0.7912083324955136
                ],
                [
                    "2021-05-11",
                    0.8095253583161656
                ],
                [
                    "2021-05-26",
                    0.8323497064646933
                ],
                [
                    "2021-06-10",
                    0.8455430408585898
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0,
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "bar",
            "name": "\u786e\u8bca\u75c5\u4f8b",
            "yAxisIndex": 0,
            "legendHoverLink": true,
            "data": [
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null
            ],
            "showBackground": false,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u6b7b\u4ea1\u7387",
                "\u6cbb\u6108\u7387",
                "\u786e\u8bca\u75c5\u4f8b"
            ],
            "selected": {
                "\u6b7b\u4ea1\u7387": true,
                "\u6cbb\u6108\u7387": true,
                "\u786e\u8bca\u75c5\u4f8b": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "formatter": function (params)                                                         {return Number(params.value[1] *100).toFixed(3)+'%';},
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 45,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "2020-11-12",
                "2020-11-27",
                "2020-12-12",
                "2020-12-27",
                "2021-01-11",
                "2021-01-26",
                "2021-02-10",
                "2021-02-25",
                "2021-03-12",
                "2021-03-27",
                "2021-04-11",
                "2021-04-26",
                "2021-05-11",
                "2021-05-26",
                "2021-06-10"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        },
        {
            "type": "value",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "margin": 8,
                "formatter": function (value)                                                         {return Number(value *100)+'%';}
            },
            "inverse": false,
            "position": "right",
            "offset": 0,
            "splitNumber": 5,
            "min": 0,
            "max": 1,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "\u3010\u7f8e\u56fd\u3011\u786e\u8bca/\u6cbb\u6108\u7387/\u6b7b\u4ea1\u7387 \u8d8b\u52bf",
            "subtext": "\u66f4\u65b0\u65e5\u671f\uff1a2021-06-11",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_214b74cffd0148f1895b05f403561d63.setOption(option_214b74cffd0148f1895b05f403561d63);
    </script>
                <div id="ac0aea29120743f2a489e7763ebb4a96" class="chart-container" style="width:100vw; height:90vh;"></div>
    <script>
        var chart_ac0aea29120743f2a489e7763ebb4a96 = echarts.init(
            document.getElementById('ac0aea29120743f2a489e7763ebb4a96'), 'dark', {renderer: 'canvas'});
        var option_ac0aea29120743f2a489e7763ebb4a96 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "series": [
        {
            "type": "line",
            "name": "\u6b7b\u4ea1\u7387",
            "connectNulls": false,
            "yAxisIndex": 1,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": true,
            "clip": true,
            "step": false,
            "data": [
                [
                    "2020-11-12",
                    0.016569541047882483
                ],
                [
                    "2020-11-27",
                    0.01470345757073933
                ],
                [
                    "2020-12-12",
                    0.014538236019713251
                ],
                [
                    "2020-12-27",
                    0.014774265150060643
                ],
                [
                    "2021-01-11",
                    0.014102778707733512
                ],
                [
                    "2021-01-26",
                    0.014010859910415245
                ],
                [
                    "2021-02-10",
                    0.01606375524883264
                ],
                [
                    "2021-02-25",
                    0.017843767281993127
                ],
                [
                    "2021-03-12",
                    0.01902140273560678
                ],
                [
                    "2021-03-27",
                    0.019356115525764415
                ],
                [
                    "2021-04-11",
                    0.018713747491461465
                ],
                [
                    "2021-04-26",
                    0.017634365755210882
                ],
                [
                    "2021-05-11",
                    0.016957874228711985
                ],
                [
                    "2021-05-26",
                    0.017224507123009748
                ],
                [
                    "2021-06-10",
                    0.017951487619821346
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0,
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "line",
            "name": "\u6cbb\u6108\u7387",
            "connectNulls": false,
            "yAxisIndex": 1,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": true,
            "clip": true,
            "step": false,
            "data": [
                [
                    "2020-11-12",
                    0.8952117517522894
                ],
                [
                    "2020-11-27",
                    0.8469005168792252
                ],
                [
                    "2020-12-12",
                    0.8463846608414277
                ],
                [
                    "2020-12-27",
                    0.843786145438709
                ],
                [
                    "2021-01-11",
                    0.7775464512889186
                ],
                [
                    "2021-01-26",
                    0.8190838885976374
                ],
                [
                    "2021-02-10",
                    0.9126599148427432
                ],
                [
                    "2021-02-25",
                    0.9456403292008223
                ],
                [
                    "2021-03-12",
                    0.9534762283108518
                ],
                [
                    "2021-03-27",
                    0.9469395481708708
                ],
                [
                    "2021-04-11",
                    0.9223678602941617
                ],
                [
                    "2021-04-26",
                    0.8923188310406108
                ],
                [
                    "2021-05-11",
                    0.874363556612269
                ],
                [
                    "2021-05-26",
                    0.8960423741895647
                ],
                [
                    "2021-06-10",
                    0.9323266533354058
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0,
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "bar",
            "name": "\u786e\u8bca\u75c5\u4f8b",
            "yAxisIndex": 0,
            "legendHoverLink": true,
            "data": [
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null
            ],
            "showBackground": false,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u6b7b\u4ea1\u7387",
                "\u6cbb\u6108\u7387",
                "\u786e\u8bca\u75c5\u4f8b"
            ],
            "selected": {
                "\u6b7b\u4ea1\u7387": true,
                "\u6cbb\u6108\u7387": true,
                "\u786e\u8bca\u75c5\u4f8b": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "formatter": function (params)                                                         {return Number(params.value[1] *100).toFixed(3)+'%';},
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 45,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "2020-11-12",
                "2020-11-27",
                "2020-12-12",
                "2020-12-27",
                "2021-01-11",
                "2021-01-26",
                "2021-02-10",
                "2021-02-25",
                "2021-03-12",
                "2021-03-27",
                "2021-04-11",
                "2021-04-26",
                "2021-05-11",
                "2021-05-26",
                "2021-06-10"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        },
        {
            "type": "value",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "margin": 8,
                "formatter": function (value)                                                         {return Number(value *100)+'%';}
            },
            "inverse": false,
            "position": "right",
            "offset": 0,
            "splitNumber": 5,
            "min": 0,
            "max": 1,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "\u3010\u65e5\u672c\u3011\u786e\u8bca/\u6cbb\u6108\u7387/\u6b7b\u4ea1\u7387 \u8d8b\u52bf",
            "subtext": "\u66f4\u65b0\u65e5\u671f\uff1a2021-06-11",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_ac0aea29120743f2a489e7763ebb4a96.setOption(option_ac0aea29120743f2a489e7763ebb4a96);
    </script>
                <div id="68e409ef1ae241959a3f18b8eed5b64d" class="chart-container" style="width:100vw; height:90vh;"></div>
    <script>
        var chart_68e409ef1ae241959a3f18b8eed5b64d = echarts.init(
            document.getElementById('68e409ef1ae241959a3f18b8eed5b64d'), 'dark', {renderer: 'canvas'});
        var option_68e409ef1ae241959a3f18b8eed5b64d = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "series": [
        {
            "type": "line",
            "name": "\u6b7b\u4ea1\u7387",
            "connectNulls": false,
            "yAxisIndex": 1,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": true,
            "clip": true,
            "step": false,
            "data": [
                [
                    "2020-11-12",
                    0.014753827651027486
                ],
                [
                    "2020-11-27",
                    0.014577669714677683
                ],
                [
                    "2020-12-12",
                    0.01451356054225633
                ],
                [
                    "2020-12-27",
                    0.014489260523872375
                ],
                [
                    "2021-01-11",
                    0.014449272383410825
                ],
                [
                    "2021-01-26",
                    0.014384221246028084
                ],
                [
                    "2021-02-10",
                    0.014303830703002332
                ],
                [
                    "2021-02-25",
                    0.014182852053450367
                ],
                [
                    "2021-03-12",
                    0.014016937217387775
                ],
                [
                    "2021-03-27",
                    0.013586032576967737
                ],
                [
                    "2021-04-11",
                    0.01275457699823549
                ],
                [
                    "2021-04-26",
                    0.011338976986789992
                ],
                [
                    "2021-05-11",
                    0.010860019216704191
                ],
                [
                    "2021-05-26",
                    0.011400513431470272
                ],
                [
                    "2021-06-10",
                    0.012153293733807706
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0,
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "line",
            "name": "\u6cbb\u6108\u7387",
            "connectNulls": false,
            "yAxisIndex": 1,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": true,
            "clip": true,
            "step": false,
            "data": [
                [
                    "2020-11-12",
                    0.9289013159500852
                ],
                [
                    "2020-11-27",
                    0.9364894169974028
                ],
                [
                    "2020-12-12",
                    0.9483569531954872
                ],
                [
                    "2020-12-27",
                    0.9578124671185839
                ],
                [
                    "2021-01-11",
                    0.9641795380871946
                ],
                [
                    "2021-01-26",
                    0.9690124548110592
                ],
                [
                    "2021-02-10",
                    0.9724555520892565
                ],
                [
                    "2021-02-25",
                    0.9716940829641633
                ],
                [
                    "2021-03-12",
                    0.9692159742878533
                ],
                [
                    "2021-03-27",
                    0.9508709296094795
                ],
                [
                    "2021-04-11",
                    0.9079907762621114
                ],
                [
                    "2021-04-26",
                    0.8304815540785789
                ],
                [
                    "2021-05-11",
                    0.8238791046471992
                ],
                [
                    "2021-05-26",
                    0.8926109862697789
                ],
                [
                    "2021-06-10",
                    0.9455141379739586
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0,
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "bar",
            "name": "\u786e\u8bca\u75c5\u4f8b",
            "yAxisIndex": 0,
            "legendHoverLink": true,
            "data": [
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null
            ],
            "showBackground": false,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u6b7b\u4ea1\u7387",
                "\u6cbb\u6108\u7387",
                "\u786e\u8bca\u75c5\u4f8b"
            ],
            "selected": {
                "\u6b7b\u4ea1\u7387": true,
                "\u6cbb\u6108\u7387": true,
                "\u786e\u8bca\u75c5\u4f8b": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "formatter": function (params)                                                         {return Number(params.value[1] *100).toFixed(3)+'%';},
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 45,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "2020-11-12",
                "2020-11-27",
                "2020-12-12",
                "2020-12-27",
                "2021-01-11",
                "2021-01-26",
                "2021-02-10",
                "2021-02-25",
                "2021-03-12",
                "2021-03-27",
                "2021-04-11",
                "2021-04-26",
                "2021-05-11",
                "2021-05-26",
                "2021-06-10"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        },
        {
            "type": "value",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "margin": 8,
                "formatter": function (value)                                                         {return Number(value *100)+'%';}
            },
            "inverse": false,
            "position": "right",
            "offset": 0,
            "splitNumber": 5,
            "min": 0,
            "max": 1,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "\u3010\u5370\u5ea6\u3011\u786e\u8bca/\u6cbb\u6108\u7387/\u6b7b\u4ea1\u7387 \u8d8b\u52bf",
            "subtext": "\u66f4\u65b0\u65e5\u671f\uff1a2021-06-11",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_68e409ef1ae241959a3f18b8eed5b64d.setOption(option_68e409ef1ae241959a3f18b8eed5b64d);
    </script>
                <div id="c38bc9e13398452b948da8b4078cb34a" class="chart-container" style="width:100vw; height:90vh;"></div>
    <script>
        var chart_c38bc9e13398452b948da8b4078cb34a = echarts.init(
            document.getElementById('c38bc9e13398452b948da8b4078cb34a'), 'dark', {renderer: 'canvas'});
        var option_c38bc9e13398452b948da8b4078cb34a = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "series": [
        {
            "type": "line",
            "name": "\u6b7b\u4ea1\u7387",
            "connectNulls": false,
            "yAxisIndex": 1,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": true,
            "clip": true,
            "step": false,
            "data": [
                [
                    "2020-11-12",
                    0.040874867896785544
                ],
                [
                    "2020-11-27",
                    0.03500289759086017
                ],
                [
                    "2020-12-12",
                    0.035100474950342575
                ],
                [
                    "2020-12-27",
                    0.035129213408745225
                ],
                [
                    "2021-01-11",
                    0.03459490944616078
                ],
                [
                    "2021-01-26",
                    0.03469417929911141
                ],
                [
                    "2021-02-10",
                    0.034648191045972256
                ],
                [
                    "2021-02-25",
                    0.03393499321061419
                ],
                [
                    "2021-03-12",
                    0.03213193196480044
                ],
                [
                    "2021-03-27",
                    0.030744543901182673
                ],
                [
                    "2021-04-11",
                    0.03034647398015544
                ],
                [
                    "2021-04-26",
                    0.030090287517973973
                ],
                [
                    "2021-05-11",
                    0.02988882942321563
                ],
                [
                    "2021-05-26",
                    0.029896195519084342
                ],
                [
                    "2021-06-10",
                    0.02991346904872587
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0,
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "line",
            "name": "\u6cbb\u6108\u7387",
            "connectNulls": false,
            "yAxisIndex": 1,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": true,
            "clip": true,
            "step": false,
            "data": [
                [
                    "2020-11-12",
                    0.36361368753405143
                ],
                [
                    "2020-11-27",
                    0.43790379998344237
                ],
                [
                    "2020-12-12",
                    0.582633994749354
                ],
                [
                    "2020-12-27",
                    0.6799224430155796
                ],
                [
                    "2021-01-11",
                    0.7106568837741946
                ],
                [
                    "2021-01-26",
                    0.7666972883267646
                ],
                [
                    "2021-02-10",
                    0.8094507665557321
                ],
                [
                    "2021-02-25",
                    0.8293529652133496
                ],
                [
                    "2021-03-12",
                    0.8099298924076942
                ],
                [
                    "2021-03-27",
                    0.8068098006689753
                ],
                [
                    "2021-04-11",
                    0.8276519101765893
                ],
                [
                    "2021-04-26",
                    0.8535206277377346
                ],
                [
                    "2021-05-11",
                    0.8793327578956472
                ],
                [
                    "2021-05-26",
                    0.9062276971394214
                ],
                [
                    "2021-06-10",
                    0.9288067601273305
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0,
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "bar",
            "name": "\u786e\u8bca\u75c5\u4f8b",
            "yAxisIndex": 0,
            "legendHoverLink": true,
            "data": [
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null,
                null
            ],
            "showBackground": false,
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u6b7b\u4ea1\u7387",
                "\u6cbb\u6108\u7387",
                "\u786e\u8bca\u75c5\u4f8b"
            ],
            "selected": {
                "\u6b7b\u4ea1\u7387": true,
                "\u6cbb\u6108\u7387": true,
                "\u786e\u8bca\u75c5\u4f8b": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "formatter": function (params)                                                         {return Number(params.value[1] *100).toFixed(3)+'%';},
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "rotate": 45,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "2020-11-12",
                "2020-11-27",
                "2020-12-12",
                "2020-12-27",
                "2021-01-11",
                "2021-01-26",
                "2021-02-10",
                "2021-02-25",
                "2021-03-12",
                "2021-03-27",
                "2021-04-11",
                "2021-04-26",
                "2021-05-11",
                "2021-05-26",
                "2021-06-10"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        },
        {
            "type": "value",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "position": "top",
                "margin": 8,
                "formatter": function (value)                                                         {return Number(value *100)+'%';}
            },
            "inverse": false,
            "position": "right",
            "offset": 0,
            "splitNumber": 5,
            "min": 0,
            "max": 1,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "text": "\u3010\u610f\u5927\u5229\u3011\u786e\u8bca/\u6cbb\u6108\u7387/\u6b7b\u4ea1\u7387 \u8d8b\u52bf",
            "subtext": "\u66f4\u65b0\u65e5\u671f\uff1a2021-06-11",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_c38bc9e13398452b948da8b4078cb34a.setOption(option_c38bc9e13398452b948da8b4078cb34a);
    </script>
    </div>

    <script>
    </script>
    <script>
        (function() {
            containers = document.getElementsByClassName("chart-container");
            if(containers.length > 0) {
                containers[0].style.display = "block";
            }
        })()

        function showChart(evt, chartID) {
            let containers = document.getElementsByClassName("chart-container");
            for (let i = 0; i < containers.length; i++) {
                containers[i].style.display = "none";
            }

            let tablinks = document.getElementsByClassName("tablinks");
            for (let i = 0; i < tablinks.length; i++) {
                tablinks[i].className = "tablinks";
            }

            document.getElementById(chartID).style.display = "block";
            evt.currentTarget.className += " active";
        }
    </script>
</body>
</html>
